<include file="./admin-header" />

	<!-- BEGIN PAGE -->
	<div class="page-content">      
		<!-- BEGIN PAGE HEADER-->
		<div class="row">
			<div class="col-md-12">
				<!-- BEGIN PAGE TITLE & BREADCRUMB-->
				<h3 class="page-title">
					{$Think.lang.text_profile}{$Think.lang.button_manage} <small>{$Think.lang.text_profile_management_tips_en}</small>
				</h3>
				<ul class="page-breadcrumb breadcrumb">
					<li>
						<i class="fa fa-home"></i>
						<a href="{:U('Index/index')}">{$Think.lang.text_home}</a> 
						<i class="fa fa-angle-right"></i>
					</li>
					<li>
						<a href="{:U('Index/index')}">{$Think.lang.text_home}</a>
						<i class="fa fa-angle-right"></i>
					</li>
					<li><a href="{:U('profile')}">{$Think.lang.text_profile}{$Think.lang.button_manage}</a></li>
				</ul>
				<!-- END PAGE TITLE & BREADCRUMB-->
			</div>
		</div>
		<!-- END PAGE HEADER-->
		<!-- BEGIN PAGE CONTENT-->
		<div class="row profile">
			<div class="col-md-12">
				<!--BEGIN TABS-->
				<div class="tabbable tabbable-custom tabbable-full-width">
					<ul class="nav nav-tabs">
						<li class="active">
							<a href="#tab_1_1" data-toggle="tab">{$Think.lang.button_modify}{$Think.lang.text_profile}</a></li>
						<li><a href="#tab_1_2" data-toggle="tab">{$Think.lang.button_modify}{$Think.lang.text_password}</a></li>
					</ul>
					<div class="tab-content">
						<div class="tab-pane active" id="tab_1_1">
							<div class="row profile-account">
								<div class="col-md-3">
									<ul class="ver-inline-menu tabbable margin-bottom-10">
										<li class="active">
											<a data-toggle="tab" href="#tab_1-1">
											<i class="fa fa-cog"></i> 
											Personal info
											</a> 
											<span class="after"></span>                                    
										</li>
									</ul>
								</div>
								<div class="col-md-9">
									<div class="tab-content">
										<div id="tab_1-1" class="tab-pane active">
											<form name="profileform" id="" method="post" action="{:U('editProfile')}">
												<div class="form-group">
													<label class="control-label">{$Think.lang.text_email}</label>
													<input type="text" name="email" value="{$email}" placeholder="email" class="form-control" />
												</div>
												<div class="form-group">
													<label class="control-label">{$Think.lang.text_mobile}</label>
													<input type="text" name="mobile" value="{$mobile}" placeholder="mobile number" class="form-control" />
												</div>
												<div class="form-group">
													<label class="control-label">{$Think.lang.text_user_realname}</label>
													<input type="text" name="realname" value="{$realname}" placeholder="realname" class="form-control" />
												</div>
												<div class="form-group">
													<label class="control-label">{$Think.lang.text_user_lastloginip}</label>
													<input type="text" name="last_login_ip" value="{$last_login_ip}" placeholder="last_login_ip" class="form-control" disabled="disabled" />
												</div>
												<div class="form-group">
													<label class="control-label">{$Think.lang.text_user_lastlogintime}</label>
													<input type="text" name="last_login_time" value="{$last_login_time|date}" placeholder="last_login_time" class="form-control" disabled="disabled" />
												</div>
												<div class="margiv-top-10">
													<button type="submit" name="dosubmit" class="btn green">
														<i class="fa fa-check"></i> {$Think.lang.button_submit}</button>
												</div>
											</form>
										</div>
									</div>
								</div>
								<!--end col-md-9-->                                   
							</div>
						</div>
						<!--tab_1_2-->
						<div class="tab-pane" id="tab_1_2">
							<div class="col-md-12">
								<!-- BEGIN VALIDATION STATES-->
								<div class="portlet box blue">
									<div class="portlet-title">
										<div class="caption">
											<i class="fa fa-pencil"></i>
											Change Password
										</div>
										<div class="tools">
											<a href="javascript:;" class="collapse"></a>
											<a href="javascript:;" class="reload"></a>
										</div>
									</div>
									<div class="portlet-body form">
										<!-- BEGIN FORM-->
										<form id="form_sample_2" class="form-horizontal form-bordered" method="post" action="{:U('editPassword')}">
											<div class="form-body">
												<div class="alert alert-danger display-hide">
													<button class="close" data-close="alert"></button>
													You have some form errors. Please check below.
												</div>
												<div class="alert alert-success display-hide">
													<button class="close" data-close="alert"></button>
													Your form validation is successful!
												</div>
												<div class="form-group">
													<label class="control-label col-md-3">{$Think.lang.text_current_assword}</label>
													<div class="col-md-4">
														<div class="input-icon right">                                       
															<i class="fa"></i>   
															<input type="password" class="form-control" name="oldpwd" value="" />                                 
														</div>
													</div>
												</div>
												<div class="form-group">
													<label class="control-label col-md-3">{$Think.lang.text_new_password}</label>
													<div class="col-md-4">
														<div class="input-icon right">                                       
															<i class="fa"></i>   
															<input type="password" class="form-control" name="newpwd" value="" />                                 
														</div>
													</div>
												</div>
												<div class="form-group">
													<label class="control-label col-md-3">{$Think.lang.texst_retype_new_password}</label>
													<div class="col-md-4">
														<div class="input-icon right">                                       
															<i class="fa"></i>   
															<input type="password" class="form-control" name="repwd" value="" />                                 
														</div>
													</div>
												</div>
											</div>
											<div class="form-actions fluid">
												<div class="col-md-offset-3 col-md-9">
													<button type="submit" name="dosubmit" class="btn green">
														<i class="fa fa-check"></i> {$Think.lang.button_submit}</button>                         
												</div>
											</div>
										</form>
										<!-- END FORM-->
									</div>
								</div>
								<!-- END VALIDATION STATES-->
							</div>
						</div>
						<!--end tab-pane-->
					</div>
				</div>
				<!--END TABS-->
			</div>
		</div>
		<!-- END PAGE CONTENT-->
	</div>
	<!-- END PAGE --> 
	<include file="./admin-js" />
	<script>
		jQuery(document).ready(function() {
		   App.init();
		});
	</script>
	
<include file="./admin-footer" />